@charset "UTF-8";
body {font-size:14px; margin:0px;background:#FFF;  font:14px "微软雅黑","宋体",'Impact'; -webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{line-height:1.333;font-size:12px}
li{list-style:none}
em,i{ font-style:normal;}
a:link{color: #333; text-decoration: none;}
a:visited{color:#333; text-decoration: none;}
a:hover{color:#000; text-decoration:none;}
a:active{color:#000; text-decoration:none}
.clear{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
img.fc{margin:0px auto;display: block;}
img{border:none;vertical-align: middle;}
/*清除浮动*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {+height:1%;}
@font-face {
	font-family: "Noto Sans SC",'思源黑体 Regular';
	src: url('../fonts/SourceHanSansSC-Regular.eot');
	src: url('../fonts/SourceHanSansSC-Regular.eot?#iefix') format('embedded-opentype'),
	url("../fonts/SourceHanSansSC-Regular.ttf") format("truetype"),
	url("../fonts/SourceHanSansSC-Regular.woff") format("woff"),
	url("../fonts/SourceHanSansSC-Regular.svg") format('svg'); 
	font-weight:600;
	font-weight: normal;    
	font-style: normal;  
}
.pngfix{}
.pt20{padding-top: 20px;}
.mt_5{margin-top: 5px;}.mt_10{margin-top: 10px;}
.ml_5{margin-left: 5px;}.ml_10{margin-left: 10px;}
.h34{height: 34px;}.w240{width: 240px;}
.ml220{margin-left: 220px;}
.mb60{margin-bottom: 60px;}.mb50{margin-bottom: 50px;}.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}.mb20{margin-bottom: 20px;}.mb15{margin-bottom: 15px;}
.mt80{margin-top: 80px;}.mt60{margin-top: 60px;}.mt50{margin-top: 50px;}.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}.mt20{margin-top: 20px;}.mt15{margin-top: 15px;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb150{clear:both; height:150px; line-height:150px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}

.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}

/*.mainbox{width: 70%; margin: 0px auto;clear:both;position: relative;}
@media screen and (max-width:1600px){
.mainbox{width: 75%;}
}
@media screen and (max-width:1300px){
.mainbox{width: 90%;}
}
@media screen and (max-width:960px){
.mainbox{width: 100%; margin:0 15px;}
}*/
.mainbox{width: 1370px; margin: 0px auto;clear:both;position: relative;}
@media screen and (max-width:1600px){
.mainbox{width: 70%;}
}
@media screen and (max-width:1300px){
.mainbox{width: 70%;}
}
@media screen and (max-width:960px){
.mainbox{width: 100%;}
}
/*按钮*/
a.btn1{z-index: 5;transition: 0.5s;}
a.btn1::before{content: "";width: 0;background-color: #fff;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn1:hover::before{width: 100%;}
a.btn2{z-index: 5;}
a.btn2:before{content: "";;background-color: #bb1c21;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn2:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
/*a.btn3:hover{color: #fff;background-color: #217b3a;}*/
a.btn3:after{
  background: #fff;content: "";height: 250px;left: -125px;opacity: .2;
  position: absolute;top: -50px;width: 50px;z-index: 100;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); 
}
a.btn3:hover:after{left: 120%;-webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}

/*头部*/
/*左侧边栏*/
.in_head{height: 100%;position: absolute; left:25px; top:0px;z-index: 1; border-left: 1px solid #c0c0c0;}
.leftnavbar{z-index: 99;margin-top:40px;}
.in_head .logo{display: block;margin:0 auto;transition: all 1s;position: relative;left: 10px;}
.in_head .logo img{height: 90px;display: block;}
.navbox{clear: both;margin-top: 80%;}
.navbox a{display: block;font-size: 16px;color: #787878;text-align: left; font-weight: 500;width: 100%;line-height: 40px;margin:2% 0; position: relative;transition: 0.4s;}
.navbox a i{display: inline-block;width: 13px;height:13px;background: url(../images/ico2.png) no-repeat;position: relative;margin-left: -7px;margin-right: 10px;}
.navbox a:hover,.navbox li.active a{color: #000;}
.navbox a:hover i,.navbox li.active i{background: url(../images/ico1.png) no-repeat;}
a.ntmenu{display: block;transition: all 1s;position: absolute;right: 4%;top: 0px;}
.drawer-main{position:fixed;top: 0;right:0;height: 100%;overflow: hidden;z-index:999999!important;
background-color: #fff;border-left:10px solid #5677cb;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.5);
	box-shadow: inset 0 0 0 rgba(0,0,0,.5);}
.drawer-main{
	right: -100%;
	-webkit-transition: right 1.2s cubic-bezier(0.19, 1, .22, 1);
	-o-transition: right 1.2s cubic-bezier(0.19, 1, .22, 1);
	transition: right 1.2s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-main.drawer-default{right: 0}
a.guanbi{position: absolute;right: 4%;top: 20px;z-index:100;}
a.guanbi img{display: block;}
.ap_nav{display: block;position: absolute;top:80px;right: 80px;z-index: 9999;}
.ap_navbox{margin-top: 30px;position: relative;z-index:99;}
.ap_navbox li{color:#333;font-size: 14px; padding:0 0 0 10%; border-bottom:1px dashed #6ca4cc;}
.ap_navbox li a{display: block;font-size: 16px;color: #5581a1;line-height: 60px;}
.ap_navbox li a:hover {color: #da607b;text-decoration: none}
@media only screen and (min-width: 1300px){
.ap_navbox li{padding: 0px 0 0px 10% !important;}
}

@media screen and (max-width:1300px){
.leftnavbar{left:20px; top:20px;}
.navbox{display: none;}
.in_head .logo img{height:60px;}
.ap_nav{display: block;right: 30px;top:60px;}
.in_head{border-left:none;}
a.ntmenu{right:0;}

}
@media screen and (max-width:1200px){
.in_head .logo{left: 0;}
}
@media only screen and (min-width: 767px) {
.drawer-main{ width: 50%;}
}
@media only screen and (max-width: 767px) {
.drawer-main{ width: 98%;}
}
@media only screen and (max-width: 420px) {
.drawer-main{ width: 97%;}
}
@media screen and (max-height:700px){
.ap_nav{top:60px;right: 60px;}	
}

.vca-slider-overlay{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background:rgba(0,0,0,0.8);height:100%;left:0;opacity:0;position:fixed;top:0;-webkit-transition:opacity 600ms cubic-bezier(0.19,1,0.22,1),visibility 700ms;transition:opacity 600ms cubic-bezier(0.19,1,0.22,1),visibility 700ms;visibility:hidden;width:100%;z-index:999;}
.vca-slider-overlay.vca-active{opacity:1;visibility:visible}

/*友链*/
.linkbox{width: 70%;height: auto;position: relative;z-index: 9;padding:8px 0;}
.linkbox span{float: left;display: block;font-size: 14px;color: #fff;line-height: 25px;}
.linkbox a{font-size: 14px;color: #666;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #bb1c21;}
@media only screen and (max-height: 620px) {
.linkbox{display: none;}
}
@media only screen and (max-width: 767px) {
.linkbox{display: none;}
}
/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin-top:20px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;} 
.pagination li{list-style: none;display: inline;padding:0 .8em;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;/*background-color: #f9f9f9;*/color: #999; text-align:center;} 
.pagination li a:link{color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#5677cb;} 
.pagination li a:link:hover {color:#5677cb;} 
.pagination li.thisclass{background-color: #5677cb;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}








/*特效*/
@-webkit-keyframes move-in2{
0%{-webkit-opacity:0;
	-moz-opacity:0;opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
100%{-webkit-opacity:1;
	-moz-opacity:1;opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,-500px);
	-moz-transform:translate(0,-500px);
	-ms-transform:translate(0,-500px);
	-o-transform:translate(0,-500px);
	transform:translate(0,-500px)
}
}
@-o-keyframes move-in2{
0%{-webkit-opacity:0;
	-moz-opacity:0;opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
100%{-webkit-opacity:1;
	-moz-opacity:1;opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,-500px);
	-moz-transform:translate(0,-500px);
	-ms-transform:translate(0,-500px);
	-o-transform:translate(0,-500px);
	transform:translate(0,-500px)
}
}
@-moz-keyframes move-in2{
0%{-webkit-opacity:0;
	-moz-opacity:0;opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
100%{-webkit-opacity:1;
	-moz-opacity:1;opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,-500px);
	-moz-transform:translate(0,-500px);
	-ms-transform:translate(0,-500px);
	-o-transform:translate(0,-500px);
	transform:translate(0,-500px)
}
}
@-ms-keyframes move-in2{
0%{-webkit-opacity:0;
	-moz-opacity:0;opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
100%{-webkit-opacity:1;
	-moz-opacity:1;opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,-500px);
	-moz-transform:translate(0,-500px);
	-ms-transform:translate(0,-500px);
	-o-transform:translate(0,-500px);
	transform:translate(0,-500px)
}
}
@keyframes move-in2{
0%{-webkit-opacity:0;
	-moz-opacity:0;opacity:0;
	filter:alpha(opacity=0);
		-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
100%{-webkit-opacity:1;
	-moz-opacity:1;opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,-500px);
	-moz-transform:translate(0,-500px);
	-ms-transform:translate(0,-500px);
	-o-transform:translate(0,-500px);
	transform:translate(0,-500px)
}
}